<template>
  <div id="app">
    <router-view/>
  </div>
</template>
<script>
  export default {
    name: 'app',
    mounted: function () {
      // document.getElementById('app').style.height = window.innerHeight + 'px';
      // window.onresize = function () {
      //   document.getElementById('app').style.height = window.innerHeight + 'px';
      // }
      Array.prototype.contains = function (needle) {
        for (var i in this) {
          if (this[i] == needle) return true;
        }
        return false;
      }
    }
  }

</script>
<style>
  /* 重写滚动条 */

  ::-webkit-scrollbar-track-piece {
    width: 0px;
    background-color: #4e4e5a;
  }

  ::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }

  ::-webkit-scrollbar-thumb {
    height: 50px;
    background: #3fb560;
    cursor: pointer;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #3fb560;
    cursor: pointer
  }

  html,
  body,
  #app {
    height: 100%;
  }

  * {
    font-family: microsoft yahei
  }

  body #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    /* min-width: 1000px; */
    height: 100%;
    /* margin-top: 60px; */
  }

  .home-content {
    overflow: scroll;
  }

  .home-content>div {
    height: 100%;
  }

  #app>div {
    background: #f1f1f1;
  }

  .form-common {
    width: 800px;
    margin: 50px auto;
  }

  .table-common {
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
    max-height: 100%;
  }

  .content-wrap {
    position: relative;
    background: white;
    border: 1px solid #dde2ee;
    min-width: 900px;
    min-height: 630px;
    max-height: 90%;
    height: 100%;
    overflow: scroll;
  }

  .el-collapse {
    margin-bottom: 20px;
  }

  .el-collapse .el-form {
    border: 1px solid #f3f6fa;
    padding-top: 10px;
  }

  .el-collapse>>>.el-collapse-item__header {
    background: #f3f6fa;
    text-align: left!important;
    padding-left: 20px;
  }

  .el-collapse>>>.el-collapse-item__content {
    padding-bottom: 0;
  }

  .additem-wrap {
    text-align: right;
    margin: 15px 20px;
  }

  #additem-gmp {
    width: 30px;
    vertical-align: middle;
  }

  .el-breadcrumb {
    margin-bottom: 20px;
  }

  .topNav {
    width: 100%;
    height: 50px;
    background: #f9f9f9;
    border-bottom: 1px solid #dde2ee
  }

  .navLeft {
    float: left;
    line-height: 50px;
    color: #787e8a;
    font-weight: 500;
    margin-left: 20px;
  }

  .navMid {
    display: inline-block;
    position: relative;
    line-height: 50px;
    float: right;
    margin-right: 20px;
  }

  .navRight {
    float: right;
    line-height: 50px;
    margin-right: 20px;
  }

  .icon-search {
    width: 20px;
    line-height: 50px;
    position: absolute;
    z-index: 20;
    right: 5px;
    top: 15px;
  }

  .searchInput input {
    padding-right: 30px!important;
  }

  .el-menu-item-group__title {
    padding: 0;
  }

  .btn-group {
    text-align: center;
    max-width: 800px;
    margin: 20px auto;
  }

  .bread-icon {
    width: 30px;
    margin-bottom: 25px;
    vertical-align: bottom
  }

  .tableSelect .el-checkbox {
    margin: 10px 10px;
  }

  .hidden {
    opacity: 0;
  }

</style>
